*{margin:0; npadding:0}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure{margin:0;padding:0}
html,body{width:100%;height:100%;}
body{margin:0;padding:0;font-size:12px;font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif; background-color:#010101;}
ul,ol,li{list-style-type:none}
a{color:#333;}
a:hover,a:active{outline:0;}
a,a:visited{text-decoration:none;}
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}.clearfix:after{clear:both;}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
.google-maps img {
  max-width: none;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
    margin: 30px 0;
    padding: 0;
}

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

h1,h2,h3,h4{font-weight:normal;}





/* ==========================================================================
   LOADING
   ========================================================================== */
#loading { background-color:#000; width:100%; height:100%; position:fixed; z-index:99999;}
#loading .loadingwarp{width:600px; height:600px; margin-left:-300px; margin-top:-300px; top:50%; left:50%; position:relative; display:none;}
#loading .loadmask{ width:100%; height:100%; position:absolute; z-index:10; background:url(../images/load_w.png) no-repeat;}
#loading .loadbg{ width:100%; height:100%; position:relative; background:url(../images/loadbg.png) no-repeat;}	

#loading .rotate{ position:absolute; z-index:1; top:322px; width:100%; height:210px;}
#loading .rotate > div{ position:absolute; width:172px; height:172px; z-index:0;}
#loading .rotate .circle_l{background:url(../images/circle_lr.png) no-repeat; top:-29px; left:54px;
/*-webkit-animation:rotate_reverse 15s linear infinite;
   -moz-animation: rotate_reverse 15s linear infinite;
        animation: rotate_reverse 15s linear infinite;*/
}
#loading .rotate .circle_c{background:url(../images/circle_c.png) no-repeat; top:0; left:50%; margin-left:-85px;
/*-webkit-animation:rotate 15s linear infinite;
   -moz-animation: rotate 15s linear infinite;
        animation: rotate 15s linear infinite;*/
}
#loading .rotate .circle_r{background:url(../images/circle_lr.png) no-repeat; top:-30px; right:50px;
/*-webkit-animation:rotate_reverse 15s linear infinite;
   -moz-animation: rotate_reverse 15s linear infinite;
        animation: rotate_reverse 15s linear infinite;*/
}

#loading .rotate .light_l{ position:absolute; background:url(../images/circle_light.png) no-repeat; z-index:1; display:block; width:172px; height:172px; left:54px; top:-30px; transform:rotateY(180deg);}
#loading .rotate .light_r{ position:absolute; background:url(../images/circle_light.png) no-repeat; z-index:1; display:block; width:172px; height:172px; right:50px; top:-30px;}

		
		
		
	
/*============*/
.inner{max-width:1280px; margin:0 auto; -webkit-transition:width .3s linear; -moz-transition:width .3s linear; -ms-transition:width .3s linear; transition:width .3s linear;}


.h_top{ background:url(../images/headerbg.jpg) no-repeat top center; height:142px; text-align:center;}
.h_top .logo{margin-top:40px;}
.h_line{width:100%; height:6px; background:url(../images/line_6.png) no-repeat center; background-size:100% 100%;}

.h_line_1{width:100%; height:1px; background:url(../images/line_1.png) no-repeat center; background-size:100% 100%;}

.header .inner{position:relative; z-index:1000;}
.header .inner_w{ position:relative; z-index:1000; width:100%;}
.menuwarp{margin-top:25px; height:48px;}
.menuwarp .m_l{float:left; color:#a5a5a5; position:relative; z-index:2; margin-left:110px; line-height:24px;}
.menuwarp .m_l a{color:#818181;}
.menuwarp .m_l a:hover{color:#f0f0f0;}
.menuwarp .m_l ul{display:none; position:absolute; background-color:#000; top:-5px;
-webkit-transition:all .25s ease-out;
   -moz-transition:all .25s ease-out;
    -ms-transition:all .25s ease-out;
        transition:all .25s ease-out;
}
.menuwarp .m_l ul li{ border-bottom:1px solid #444;}
.menuwarp .m_l ul li a{display:block; color:#a5a5a5; padding:5px 0; text-align:center;}
.menuwarp .m_l ul li a:hover{color:#FFF;}
.menuwarp .m_l:hover ul{ display:block;}

.menuwarp .m_r{float:right; color:#a5a5a5; position:relative; z-index:2; margin-right:110px; line-height:24px;}
.menuwarp .m_r a{color:#a5a5a5;}
.menuwarp .m_r a:hover{color:#FFF;}
.menu{ color:#626262; text-align:center; position:relative; z-index:1;}
.menu li{ display:inline-block; margin-left:36px; margin-right:36px; font-size:14px; line-height:24px;}
.menu li a{color:#626262;}
.menu li a:hover{color:#FFF;}

.mini_nav{float:left; width:24px; height:24px; background-color:rgba(0,0,0,0); cursor:pointer; position:relative; z-index:11; overflow:hidden; margin-left:15px; display:none;}
.mini_nav span{ display:block; width:100%; height:3px; left:0; background-color:#a5a5a5; position:absolute;
-webkit-transition:all .25s linear;
   -moz-transition:all .25s linear;
    -ms-transition:all .25s linear;
        transition:all .25s linear;
}
.mini_nav span.l_1{top:0px;}
.mini_nav span.l_2{top:8px;}
.mini_nav span.l_3{top:16px;}
.mini_nav:hover span{ background-color:#FFF;}

.mini_nav.open span.l_2{ display:none;}
.mini_nav.open span.l_1{ top:10px;
-webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
}
.mini_nav.open span.l_3{ top:10px;
-webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
		transform:rotate(45deg);
}



.menu .m_down:hover .submenu_warp{ display:block;}
.submenu_warp{ position:absolute; z-index:900; color:#FFF; background-color:#000; border-bottom:2px solid #000; width:100%; left:0; display:none; padding-top:20px;}
.submenu{ border-top:1px solid #2e2e2e; border-bottom:2px solid #313131;}
.submenu ul{ overflow:hidden; margin:30px auto 15px auto; width:1020px;}
.submenu li{float:left; width:340px; text-align:center; color:#7d7d7d; cursor:pointer; font-size:14px; margin:0;}
.submenu li img{vertical-align:bottom;}
.submenu li:hover{ color:#FFF;}

.submenu ul.col_4{width:1040px;}
.submenu ul.col_4 li{ width:240px; margin:0 10px;}








.line_cr{ text-align:center;}
.line_cr img{vertical-align:bottom;}

.ind_itmes{}
.ind_itmes ul{ overflow:hidden; margin-left:-20px; margin-bottom:15px;}
.ind_itmes li{float:left; width:25%; padding-left:20px; margin-top:15px; box-sizing:border-box; position:relative;}
.ind_itmes li .img img{ vertical-align:bottom; opacity:1;}
.ind_itmes li a:hover img{opacity:0.5;} 
.ind_itmes li p{position:absolute; left:20px; right:0; bottom:15px; font-size:16px; color:#FFF; text-align:center;}
.ind_itmes li p a{color:#FFF;}






.ind_itmes_top{}
.ind_itmes_top ul{ overflow:hidden;}
.ind_itmes_top li{float:left; width:25%; padding-right:1px; background:url(../img/line_lr.jpg) no-repeat right center; box-sizing:border-box; position:relative; background-size: contain;}
.ind_itmes_top li:last-child{background:none;}

.ind_itmes_top li .img img{ vertical-align:bottom; width:100%; opacity:0.3;}
.ind_itmes_top li p{position:absolute; width:100%; bottom:110px; font-size:18px; color:#d2d2d2; text-align:center;}
.ind_itmes_top li:hover .img img{opacity:1;}
.ind_itmes_top li a{color:#d2d2d2;}


.ind_itmes_top.list3{padding:0 10%;}
.ind_itmes_top.list3 li{ width:33.3333333%;}
.ind_itmes_top.list3 li p{bottom:80px;}




/*===iosSlider===*/
.iosSlider{width:100%; height:560px; position:relative;}
.iosSlider .slider{width:100%; height:100%;}
.iosSlider .item{ background:rgba(0,0,0,0.05); float:left; width:100%; height:100%; position:absolute;}
.iosSlider .iosSliderButtons{ display:none;}
.iosSlider .iosSliderButtons{position:absolute; bottom:10px; width:100%; height:30px; text-align:center;}
.iosSlider .iosSliderButtons .button{ display:inline-block; background:#999; margin:0; opacity:0.25; width:14px; height:14px; border-radius:50%; border:2px solid #fff;
-webkit-transform:scale(.6);
   -moz-transform:scale(.6);
    -ms-transform:scale(.6);
     -o-transform:scale(.6);
        transform:scale(.6);
-webkit-transition:all .25s;
   -moz-transition:all .25s;
     -o-transition:all .25s;
        transition:all .25s;
}
.iosSlider .iosSliderButtons .selected{opacity:1; border:2px solid #4aa6e3; 
-webkit-transform:scale(1); 
   -moz-transform:scale(1);  
    -ms-transform:scale(1);  
     -o-transform:scale(1); 
	    transform:scale(1);
}

.iosSlider .pnBtn{position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; display:none;}
.iosSlider .pnBtn .circle{display:block; width:36px; height:36px; background-color:rgba(0,0,0,0.8);}
.iosSlider .pnBtn .circle:before,.iosSlider .pnBtn .circle:after{content:''; display:block; position:absolute; left:50%; top:16px; width:3px; height:10px; margin-left:-2px; background:#888;
-webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
        transform:rotate(45deg);
-webkit-transition:all .25s ease-out;
   -moz-transition:all .25s ease-out;
    -ms-transition:all .25s ease-out;
        transition:all .25s ease-out;
}
.iosSlider .pnBtn .circle:after{top:10px;
-webkit-transform:rotate(135deg);
   -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
        transform:rotate(135deg);
}
.iosSlider .prevButton .circle:before{top:10px; margin-left:-5px;}
.iosSlider .prevButton .circle:after{top:16px; margin-left:-5px;}
.iosSlider .prevButton{left:14px;}
.iosSlider .nextButton{right:14px;}

.iosSlider:hover .iosSliderButtons{display:block;}
.iosSlider:hover .pnBtn{display:block;}


/*--*/
.iosSlider_footer{width:100%; height:300px; position:relative;}
.iosSlider_footer .slider{width:100%; height:100%;}
.iosSlider_footer .item{ background:rgba(0,0,0,0.05); float:left; width:100%; height:100%; position:absolute;}
.iosSlider_footer .iosSliderButtons{position:absolute; top:50%; width:30px; text-align:center; margin-top:-45px; left:20px;}
.iosSlider_footer .iosSliderButtons .button{background:#999; margin:0; opacity:0.25; width:20px; height:20px; border-radius:50%; margin-top:10px;
-webkit-transition:all .25s;
   -moz-transition:all .25s;
     -o-transition:all .25s;
        transition:all .25s;
}
.iosSlider_footer .iosSliderButtons .selected{opacity:1;}

.iosSlider_footer .pnBtn{position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; display:none;}
.iosSlider_footer .pnBtn .circle{display:block; width:36px; height:36px; border-radius:50%; border:2px solid #F00;}
.iosSlider_footer .pnBtn .circle:before,.iosSlider_footer .pnBtn .circle:after{content:''; display:block; position:absolute; left:50%; top:17px; width:3px; height:10px; margin-left:0px; background:#888;
-webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
        transform:rotate(45deg);
-webkit-transition:all .25s ease-out;
   -moz-transition:all .25s ease-out;
    -ms-transition:all .25s ease-out;
        transition:all .25s ease-out;
}
.iosSlider_footer .pnBtn .circle:after{top:11px;
-webkit-transform:rotate(135deg);
   -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
        transform:rotate(135deg);
}
.iosSlider_footer .prevButton .circle:before{top:11px; margin-left:-3px;}
.iosSlider_footer .prevButton .circle:after{top:17px; margin-left:-3px;}
.iosSlider_footer .prevButton{left:14px;}
.iosSlider_footer .nextButton{right:14px;}

.iosSlider_footer:hover .iosSliderButtons{display:block;}
.iosSlider_footer:hover .pnBtn{display:block;}



/*--*/
.iosSlider_ts{width:100%; position:relative;}
.iosSlider_ts .slider{width:100%; height:100%;}
.iosSlider_ts .item{ background:rgba(0,0,0,0.05); float:left; width:100%; height:100%; position:absolute;}
.iosSlider_ts .iosSlider_tsButtons{position:absolute; top:20%; margin-top:140px; text-align:center; left:20%;}
.iosSlider_ts .iosSlider_tsButtons .button{margin:0; opacity:0.5; min-width:80px; height:30px; line-height:30px; border:1px solid #d3d3d3; color:#d3d3d3; margin-right:10px; padding:0 4px; float:left;
-webkit-transition:all .25s;
   -moz-transition:all .25s;
     -o-transition:all .25s;
        transition:all .25s;
}
.iosSlider_ts .iosSlider_tsButtons .selected{opacity:1;}

.iosSlider_ts .pnBtn{position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; display:none;}
.iosSlider_ts .pnBtn .circle{display:block; width:36px; height:36px; border-radius:50%;}
.iosSlider_ts .pnBtn .circle:before,.iosSlider_ts .pnBtn .circle:after{content:''; display:block; position:absolute; left:50%; top:24px; width:3px; height:30px; margin-left:0px; background:#666;
-webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
        transform:rotate(45deg);
-webkit-transition:all .25s ease-out;
   -moz-transition:all .25s ease-out;
    -ms-transition:all .25s ease-out;
        transition:all .25s ease-out;
}
.iosSlider_ts .pnBtn .circle:after{top:4px;
-webkit-transform:rotate(135deg);
   -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
        transform:rotate(135deg);
}
.iosSlider_ts .prevButton .circle:before{top:4px; margin-left:-3px;}
.iosSlider_ts .prevButton .circle:after{top:24px; margin-left:-3px;}
.iosSlider_ts .prevButton{left:10%;}
.iosSlider_ts .nextButton{right:10%;}

.iosSlider_ts:hover .iosSliderButtons{display:block;}
.iosSlider_ts:hover .pnBtn{display:block;}




/*------*/
.iosSlider .ban_all{background:url(../images/ban_bgall.jpg) no-repeat top center; background-size:auto 100%;}
.iosSlider .ban01{background:url(../images/ban_bg01.jpg) no-repeat top center; background-size:auto 100%;}
.iosSlider .ban02{background:url(../images/ban_bg02.jpg) no-repeat top center; background-size:auto 100%;}
.iosSlider .ban03{background:url(../img/defency_t01.jpg) no-repeat top center; background-size:auto 100%;}

.iosSlider .inner{ text-align:center; position:relative; padding-top:30px;}
.iosSlider .inner p{position:absolute; left:0; right:0; font-size:18px; line-height:170%; color:#FFF;}


.iosSlider_footer .item{ background-repeat:no-repeat; background-position:center;}
.iosSlider_footer .play{ width:87px; height:87px; margin:-44px 0 0 -44px; position:absolute; top:50%; left:50%;}

.iosSlider_video_con{position:relative; margin-top:27px;}
.iosSlider_video_con .ivc_inner{ position:absolute; width:100%; top:-19px; z-index:100;}


/*--------------*/
.fullpage{}

.sec{width: 100%; max-width:1900px; -webkit-transition:all 0.3s linear; -webkit-transform:translateY(0px); transition:all 0.3s linear; transform:translateY(0px); -webkit-backface-visibility:hidden;}

.secWarp{ position:relative; width: 100%;}

.section{ position:relative; height:100%; text-align:center;}

.fp_con_header{ position:absolute; width:100%; top:222px; bottom:0; background-size:auto 100%;}
.fp_con{ position:absolute; width:100%; top:0; bottom:0; background-size:auto 100%;}

.fp_con_no{position:relative; width:100%; top:0; bottom:0; background-size:auto 100%;}
.fp_con_no .tet{ color:#FFF; text-align:left; line-height:2em; width:45%; max-width:290px; position:absolute; top:26%; left:55%; z-index:1;}
.fp_con_no .tet h4{font-size:18px;}
.fp_con_no .tet p{margin-top:10px;}

.fp_con_no .tet_about_1{top:36%; left:50%; max-width:350px;}
.fp_con_no .tet_about_2{top:60%; left:30%; max-width:350px;}
.fp_con_no .tet_about_3{top:46%; left:25%; max-width:350px;}



.section .proimg .logo164{ position:absolute; left:5%; top:5%; z-index:100;}
.proimg .logo164{ position:absolute; left:5%; top:5%; z-index:100;}

.section .proimg .tet{ color:#d2d2d2; text-align:left; line-height:2em; width:45%; max-width:290px; position:absolute; top:40%; left:50%; z-index:1;}
.section .proimg .tet a{color:#d2d2d2;}
.section .proimg .tet h4{font-size:18px;}
.section .proimg .tet h4 span{font-size:14px;}
.section .proimg .tet p{margin-top:10px;}
.section .proimg .tet2{ left:60%;}
.section .proimg .tet3{ left:40%; top:60%;}

.section .proimg .tet_lb{ left:10%; bottom:20%; top:auto; max-width:320px;}
.section .proimg .tet_lb_2{left:20%; bottom:20%; top:auto; max-width:320px;}
.section .proimg .tet_lb_3{left:35%; bottom:20%; top:auto; max-width:320px;}
.section .proimg .tet_t1_r{ top:46%; left:68%;}
.section .proimg .tet_t1_r2{ top:46%; left:50%; max-width:190px;}
.section .proimg .tet_t1{ top:46%; left:55%;}
.section .proimg .tet_t2{ top:55%; left:55%;}
.section .proimg .tet_t3{ top:20%; left:55%;}
.section .proimg .tet_t4{ top:15%; left:42%;}
.section .proimg .tet_t5{ top:15%; left:32%;}
.section .proimg .tet_lb_2{left:20%;}
.section .proimg .tet_lt{ left:20%; top:20%; bottom:auto;}
.section .proimg .tet_lt_c{ left:35%; top:35%; bottom:auto;}
.section .proimg .tet_lt_2{ left:20%; top:40%; bottom:auto;}
.section .proimg .tet_lt_3{ left:20%; top:30%; bottom:auto;}




.section .proimg .tet_allwidth{ width:60%; max-width:60%; box-sizing:border-box; left:20%; right:20%; top:auto; bottom:20%; overflow:hidden;}
.section .proimg .tet_allwidth h4{float:left;}
.section .proimg .tet_allwidth p{float:left; margin-top:0; margin-left:10px;}
.section .proimg .tet_allwidth_top{ top:20%; bottom:auto;}


.section .proimg .m_pic{position:absolute; width:150%; text-align:right; z-index:0;}
.section .proimg .m_pic img{ max-height:100%;}

.section .proimg .m_pic_center{}
.section .proimg .m_pic_center .left{position:absolute; left:20%; top:40%; margin-top:-40px;}
.section .proimg .m_pic_center .left img{ height:120px;}
.section .proimg .m_pic_center .right{position:absolute; right:15%; top:10%; bottom:20%; cursor:pointer;}
.section .proimg .m_pic_center .right img{cursor:zoom-in;}

.section .proimg .p1_1{right:50%; bottom:0;}










.bc_cs{ position:fixed; z-index:90000; bottom:5px; width:100%;}
.bc_cs .goNext{ position:relative; left:50%; width:50px; height:50px; margin-left:-25px; cursor:pointer;}
.bc_cs .line_cr{margin-top:10px;}
.bc_cs .goNext:hover{
-webkit-transform:rotate(360deg);
   -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
        transform:rotate(360deg);
-webkit-transition:all .25s ease-out;
   -moz-transition:all .25s ease-out;
    -ms-transition:all .25s ease-out;
        transition:all .25s ease-out;
}

.bottom_conUp .bc_cs{ position:relative; margin-top:-90px;}
.bottom_conUp .goNext img{-webkit-transform:rotate(180deg);}




.line_crWarp{ text-align:center;}


.rightNav{ position:fixed; z-index:800; right:22px; top:50%;}
.rightNav ul{ margin-top:-20px;}
.rightNav li{ color:rgba(255,255,255,0.5); overflow:hidden; text-align:right; line-height:20px; height:20px; margin-top:20px;}
.rightNav li a{
-webkit-transition:all .25s linear;
   -moz-transition:all .25s linear;
    -ms-transition:all .25s linear;
        transition:all .25s linear;
}
.rightNav li a{display:block; color:rgba(255,255,255,1); opacity:0.2;}
.rightNav li a.active{color:rgba(255,255,255,0.5); opacity:1;}
.rightNav li a.active:hover,.rightNav li a:hover{ color:rgba(255,255,255,0.5); opacity:1;}
.rightNav li i{background:url(../images/line_t_c.png) no-repeat; background-size:cover; width:10px; height:10px; float:right; margin-left:20px; display:block; margin-top:5px;}




.bigPic{ position:fixed; width:100%; height:100%; background-color:#000; z-index:99999;}
.bigPic .close{position:absolute; top:20px; right:20px; cursor:pointer;}
.bigPic ul{position:absolute; left:20px; top:50%; margin-top:-200px;}
.bigPic li{margin-top:10px; border:1px solid #555; cursor:pointer; opacity:0.5;
-webkit-transition:all .25s linear;
   -moz-transition:all .25s linear;
    -ms-transition:all .25s linear;
        transition:all .25s linear;
}
.bigPic li:hover{ opacity:1;}
.bigPic li.active{opacity:1;}

.bigPic .pic{text-align:center;}

.bigPic .pic img{max-width:none;}




/**/
.list_ts{ width:100%; height:100%;}


/**/
.download_con{ padding:56px 10%; overflow:hidden;}
.download_con h4{ color:#a0a0a0; font-size:24px;}
.download_con h4 img{vertical-align:middle; margin-right:10px;}
.download_con dl{ float:left; margin-right:120px; margin-top:30px;}
.download_con dl:last-child{margin-right:0;}
.download_con dt{ font-size:18px;color:#FFF;}
.download_con dd{ font-size:14px; color:#FFF; margin-top:20px; line-height:2em;}
.download_con dd a{color:#FFF;}
.download_con dd a:hover{color:#999;}

.contact_con{ padding:40px 10%; overflow:hidden; color:#FFF;}
.contact_con h4{font-size:24px; margin-bottom:20px; font-family:SimHei;}
.contact_con p{ font-size:14px; line-height:2em;}
.contact_con .emailcon{border:2px solid #dedede; position:relative; margin-top:50px;}
.contact_con .emailcon  h4{ padding:0 10px; position:absolute; left:10px; top:-15px; background-color:#000; font-size:18px; font-family:SimHei;}
.contact_con .emailcon .mailto{ padding:35px; text-align:center; overflow:hidden;}
.contact_con .emailcon .mailto a{ background-color:#3c3c3c; border:1px solid #FFF; padding:14px 70px; color:#FFF;}
.contact_con .emailcon .mailto a:hover{background-color:#000;
-webkit-transition:all .25s linear;
   -moz-transition:all .25s linear;
    -ms-transition:all .25s linear;
        transition:all .25s linear;
}


/**/
.pb_20{padding-bottom:20px;}

.search_left{ float:left; width:356px; padding:12px; margin-top:20px; border:1px solid #333; color:#FFF; line-height:2em; font-size:14px;}
.search_left p{margin-top:12px;}

.search_right{ padding-left:410px; padding-top:20px; font-size:16px; line-height:2em; color:#FFF;}
.search_right h2{ font-size:26px; color:#996c33;}
.search_right p{margin-top:20px;}
.search_right h4{ border-bottom:1px solid #797979; margin-top:20px; padding-bottom:8px;}
.search_right .formDiv{ overflow:hidden;}
.search_right .formDiv > div{margin-top:20px;}
.search_right .formDiv label{ padding-right:10px;}
.search_right .formDiv .inputtet{border:1px solid #797979; padding:4px; height:30px; line-height:30px; background-color:#000; color:#FFF; width:220px;}
.search_right .formDiv .ml_20{display:inline-block;}
.search_right .formDiv .ml_20 label{ margin-left:20px;}
.search_right .formDiv .radio{ margin-right:10px;}
.search_right .formDiv .textareaTet{border:1px solid #797979; padding:4px; height:180px; width:500px; background-color:#000; color:#FFF;}
.search_right .formDiv .selectTet{border:1px solid #797979; background-color:#000; color:#FFF; height:40px; line-height:40px;}

.search_right .sendBtnDiv{ margin-top:20px; overflow:hidden;}
.search_right .sendBtn{border:1px solid #797979; background-color:#515151; padding:4px; width:100px; height:36px; line-height:36px; text-align:center; display:block; color:#FFF;}
.search_right .sendBtn:hover{ background-color:#000;}


.search_right .mobile_address{ background-color:#333; margin-top:20px; display:none;}
.search_right .mobile_address p{ margin:0; padding:10px; font-size:14px;}



.tetall_con{background-size: auto 100%; padding:0px 20%; color:#FFF; font-size:14px; line-height:2.2em;}
.tetall_con .info{ position:relative; padding:140px 0;}
.tetall_con h2{ font-size:24px; color:#a0a0a0; position:absolute; left:-120px; top:60px; font-family:SimHei;} 
.tetall_con h4{ font-size:24px; color:#d2d2d2; margin-bottom:20px; line-height:1.7em; font-family:SimHei;}
.tetall_con ul {list-style:outside; padding-left:20px; margin-top:20px; margin-bottom:20px;}
.tetall_con ul li{ list-style: decimal;}



.walltet_con{position:relative; background-size: auto 100%; padding:0px 20%; color:#FFF; font-size:14px; line-height:2.2em;}
.walltet_con .info{ position:relative; width:100%; height:100%; padding:100px 0;}
.walltet_con .info .tet{ position:relative;}
.walltet_con .info h4{ font-size:24px; color:#d2d2d2; margin-bottom:20px; line-height:1.7em; font-family:SimHei;}
.walltet_con .info p{ margin-top:10px;}




.serconbg{text-align:center; background:url(../img/ser03con.jpg) no-repeat top center; height:2342px; width:100%;}

/*---footer---*/
footer{background:url(../images/bottom_l.png) repeat-x bottom; padding-bottom:30px; margin-top:30px;}
footer .f_menu{ font-size:14px; color:#FFF; margin-top:10px; float:left;}
footer .f_menu ul{}
footer .f_menu li{float:left; margin-right:20px; line-height:170%;}
footer .f_menu li a{color:#FFF;}
footer .cy{ float:right; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#FFF; margin-top:10px;}


/*============*/
@-webkit-keyframes rotate {
  0% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); }
  100% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
}
@-moz-keyframes rotate {
  0% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); }
  100% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
}
@-ms-keyframes rotate {
  0% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); }
  100% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
}
@-o-keyframes rotate {
  0% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); }
  100% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
}
@keyframes rotate {
  0% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); }
  100% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
}

@-webkit-keyframes rotate_reverse {
  0% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); }
}


/*==========shop-search===========*/
.shop-search {width: 100%; max-width: 1280px; margin: 0 auto; padding: 30px 0; color: #fff; padding-bottom:100px;}
.shop-search li {width: 100%; float: left; display: inline;}
.select-line {border: 2px solid #797979;  background:url(../images/ico_1.gif) no-repeat left 20px center; color: #fff; display: inline-block; width: 70%; padding:7px 7px 7px 40px; font-size:14px; font-family:"Microsoft YaHei"; }
.select-lines {border: 2px solid #797979; background: none; color: #fff; display: inline-block; width: 88%; padding:6px; font-size:14px; font-family:"Microsoft YaHei"; }
.shops-select li {padding: 10px 0;}
.shop-adr li {padding: 30px 0 60px;}
.shop-search li.h_line_1 {float: none; display: block; clear: both; width:100%; padding: 0; margin: 0;}
.shop-adr div.tt {width: 88%; line-height:24px;}
.shop-adr div.tt h3{ font-size:14px; line-height:26px;}
.shop-adr div.tt p{ font-size:12px; color:#626262;}


.recont-list li {padding: 15px 0;}
.recont-list li.tt{ font-size:16px; color:#616161; line-height:24px;}
.recont-list li h3{ font-size:14px; line-height:26px;}
.recont-list li p{font-size:12px; color:#626262; line-height:25px; color:#fff;}

@media all and (min-width: 480px) {
.shop-search li {width: 50%;}
}

@media all and (min-width: 640px) {
.shop-search li {width: 33.3%;}
